$.fn.extend({
    tabLoginType() {
        let self = this;
        this.find(".tab span").on("click", function () {
            $(this).addClass("current").siblings().removeClass("current");
            self.find(".login_type").children().eq($(this).index()).show().siblings().hide();
        })
        this.find(".user_img").on("click", function () {
            self.find(".user_log").hide();
            self.find(".phone_log").show();
        })
        this.find(".phone_log").children().eq(0).on("click", function () {
            self.find(".user_log").show();
            self.find(".phone_log").hide();
        })
    },
    //登录方法
    login() {
        this.find("button").on("click", (e) => {
            e.preventDefault();
            let list = {
                user: this.find("input[name='user']").val(),
                pwd: this.find("input[name='pwd']").val(),
            }
            if (!(list.user && list.pwd)) {
                layer.msg("用户名或密码不能为空")
                return;
            }
            $.ajax({
                url: "http://127.0.0.1:8080/login",
                type: "post",
                data: list
            }).then(function (res) {
                let { message, code, data } = res;
                if (code == 200) {
                    layer.msg("登陆成功，即将跳转到主页面")
                    localStorage.setItem("user", JSON.stringify(data));
                    setTimeout(() => {
                        location = "index.html"
                    }, 1000);
                } else {
                    layer.msg("用户名或者密码错误，请重试!")
                }
            })

        })
    }
})

window.onload = function () {
    $(".login").tabLoginType();
    $(".login").login();
}